// flex 横向布局
.flex_row_between {
  display: flex;
  justify-content: space-between;
}
.flex_row_center {
  display: flex;
  justify-content: center;
}
.flex_row_between_center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_row_align_center {
  display: flex;
  align-items: center;
}
// flex 纵向布局
.flex_column_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex_column_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex_column_between_center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.flex_column_align_center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
// flex row 上下左右居中
.flex_direction_row_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
// flex column 上下左右居中
.flex_direction_column_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
// 单行文本溢出显示省略号
.single_line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
